<template>
  <nav class="app-header navbar navbar-expand bg-body">
    <div class="container-fluid">
      <ul class="navbar-nav">
        <li class="nav-item">
          <!-- <a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
            <i class="bi bi-list"></i>
          </a> -->
        </li>
      </ul>

      <ul class="navbar-nav">
        <li class="dropdown user-menu">
          <a class="nav-link dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
            aria-expanded="false">
            <img src="@/assets/avatar.png" class="user-image rounded-circle shadow" alt="User Image" />
            <span class="d-none d-md-inline">admin</span>
          </a>

          <ul class="dropdown-menu dropdown-menu-end" style="width: auto;">
            <li><a class="dropdown-item" href="#">修改密码</a>
            </li>
            <li>
              <hr class="dropdown-divider">
            </li>
            <li><a class="dropdown-item" href="#">退出登录</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </nav>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {


    return {}
  }
})
</script>

<style scoped></style>
